<%@ page pageEncoding="UTF-8" %>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>

<jsp:directive.include file="includes/top.jsp" />
<!-- 自己的登录页面 -->
<div class="container-layout" style="padding:0;">
  <div class="line" style="position:relative;">
    <div style="height:467px;vertical-align: middle;background:url(./images/centerBg3.png);background-position: 50% -10%;"></div>
    <div class="fadein-bottom" style="background:url(./images/tianping2.png);width: 478px;height: 367px;position: absolute;top: 34%;left: 43%;"></div>
    <div class="xb3  radius fadein-top" style="width:265px;position: absolute;top: 5%;left: 68%;background: url(./images/loginBg4.png);">
      <div class="margin-small radius padding">
        <form:form method="post" id="fm1" commandName="${commandName}" htmlEscape="true">
          <%-- 用户名--%>
          <div class="form-group" style="height:78px" id="">
            <div class="label text-blue">
              <label for="username"><spring:message code="screen.welcome.label.netid" /></label>
              <input class="button  bg-yellow bouncein" id="selectUser" type="button" value="选择用户"/>
            </div>
            <input id="hideUserId" type="hidden" value=""/>
            <div class="field field-icon">
              <span class="icon icon-user"></span>
                <spring:message code="screen.welcome.label.netid.accesskey" var="userNameAccessKey" />
                <input class="required input "
                     id="username"
                     size="25"
                     tabindex="1"
                     type="text"
                     name="username"
                     accesskey="${userNameAccessKey}" path="username" autocomplete="off" htmlEscape="true" placeholder="用户邮箱"/>
            </div>
          </div>
          <%-- 密码--%>
          <div class="form-group" style="height:65px;">
            <div class="label text-blue">
              <label for="password"><spring:message code="screen.welcome.label.password" /></label>
            </div>
            <div class="field field-icon">
              <span class="icon icon-key"></span>
              <spring:message code="screen.welcome.label.password.accesskey" var="passwordAccessKey" />
              <input class="required input "
                     type="password"
                     id="password"
                     size="25"
                     tabindex="2"
                     name="password"
                     accesskey="${passwordAccessKey}" htmlEscape="true" autocomplete="off" placeholder="密码"/>
            </div>
          </div>
          <%-- CA证书--%>
          <div class="form-group" style="height:50px;display: none" id="CACert">
            <label for="caUserName">CA证书:</label>
            <div class="field field-icon">
<%--              <span class="icon icon-user"></span>--%>
              <select id="caUserName" name="caUserName" onchange="getYouxiang();"
                      tabindex="3"
                      style="width:235px;overflow:hidden;">
                <option value="" disabled selected>请插入证书Ukey</option>
              </select>
            </div>
          </div>

          <%-- CA密码--%>
          <input type="hidden"
                 id="caPassword"
                 size="25"
                 tabindex="2"
                 name="caPassword"
                 htmlEscape="true" autocomplete="off" placeholder="密码"/>

<%--          <div class="form-group" style="height:70px;">--%>
<%--            <div class="label text-blue">--%>
<%--              <label for="caPassword">证书密码:</label>--%>
<%--            </div>--%>
<%--            <div class="field field-icon">--%>
<%--              <span class="icon icon-key"></span>--%>
<%--              <spring:message code="screen.welcome.label.password.accesskey" var="passwordAccessKey" />--%>
<%--              <input class="required input "--%>
<%--                     type="password"--%>
<%--                     id="caPassword"--%>
<%--                     name="caPassword"--%>
<%--                     size="25"--%>
<%--                     tabindex="4"--%>
<%--                     accesskey="${passwordAccessKey}" htmlEscape="true" autocomplete="off" placeholder="密码"/>--%>
<%--            </div>--%>
<%--          </div>--%>

          <div>
            <form:errors path="*" id="msg" cssClass="errors" element="div" htmlEscape="false" cssStyle="font-size: 14px;color: red" />
            <span id="errMsg" style="color: red"></span>
          </div>

          <div class="form-group" style="padding-bottom: 0">
            <div class="field label">
              <label class="text-blue" style="display: flex;align-items: center">
                <input alt="记住用户7天" style="width: 15px;height: 15px;margin-right: 10px" id="rmemberUser"
                       name="pintuer" type="checkbox"/> 记住用户名
              </label>
            </div>
          </div>

          <div class="form-group lable">
            <select class="required input" id="loginType" name="loginType" style="width:235px;overflow:hidden;" title="请选择登录方式（不选即默认用户名密码登录）">
              <option value="8888" selected>1.用户名密码登录</option>
              <option value="2">2.CA证书登录</option>
              <option value="3">3.用户名密码+CA证书登录</option>
            </select>
          </div>

          <div>
            <section class="">
              <input type="hidden" name="lt" value="${loginTicket}" />
              <input type="hidden" name="execution" value="${flowExecutionKey}" />
              <input type="hidden" name="_eventId" value="submit" />
              <button type="button" class="button button-block bg-sub bouncein margin-top" id="submitBtn">登录</button>
            </section>
          </div>

        </form:form>
      </div>
    </div>
  </div>
</div>

<jsp:directive.include file="includes/bottom.jsp" />
